<template>
	<view class="ordbox">
		<!-- <cc-myTabbar :tabBarShow="3"></cc-myTabbar> -->
		<view class="ordli" v-for="(item,index) in ord" :key="index" @click="gotourl(item)">
			<view class="ordtit">
				{{item.tit}}
				<up-icon name="arrow-right" color="#10c696" size="20"></up-icon>
			</view>
			<image class="ordimg" :src="item.pic" mode=""></image>
		</view>
		<view style="height:140rpx;"></view>
	</view>
	<cc-myTabbar :tabBarShow="3"></cc-myTabbar>
</template>

<script setup>
import { ref } from 'vue';
import {onReady} from '@dcloudio/uni-app'
let ord	=ref([
	{tit:'我的包场订单',pic:'/static/logo.png',url:'/pages/theatre/theatre'},
	{tit:'积分兑换订单',pic:'/static/logo.png',url:'/pages/pointsorder/pointsorder'},
	{tit:'我的门票订单',pic:'/static/logo.png',url:'/pages/sanke/sanke'}
])
const gotourl=(item)=>{
		uni.navigateTo({
			url:item.url
		})
	}
	onReady(()=>{
		uni.hideTabBar();
	})
</script>

<style scoped>
	page {
		padding-bottom: 140rpx;
	
	}
	.ordbox{
		width: 100%;
		height: 100vh;
		background-color: #f8f8f8;
		
	}
	.ordli{
		width: 700rpx;
		height:280rpx;
		background-color: #fff;
		border-radius: 10rpx;
		margin: 0 auto;
		box-shadow:0 0 25px -15px rgba(0, 0, 0, .5);
		margin-bottom: 36rpx;
		display: flex;
		align-items: center;
		justify-content: space-around;
		border-radius: 40rpx;
	}   
	.ordtit{
		display: flex;
		align-items: center;
		font-size: 20px;
		font-weight: 700;
		color: #10c696;
	}
	.ordimg{
		width: 114rpx;
		height: 114rpx;
	}
</style>
